<template>
  <div class="speech-synthesis-container">
    <div>
      <div @click="addrow">新增</div>
      <el-table :data="tableData">
        <el-table-column label="文本">
          <template #default="{ row }">
            <column-change
              search
              type="input"
              :value="row.number"
              @change="changeNum(row.id, $event)"
            />
          </template>
        </el-table-column>
        <el-table-column label="下拉框">
          <template #default="{ row }">
            <column-change
              search
              type="input"
              :value="row.number"
              @change="changeNum(row.id, $event)"
            />
          </template>
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
  import columnChange from '../components/table/index'
  export default defineComponent({
    name: 'UserManagementEdit',
    components: {
      columnChange,
    },
    data() {
      return {
        tableData: [
          {
            id: '001',
            number: 5000,
          },
        ],
      }
    },
    methods: {
      addrow() {
        this.tableData.push({
          id: '002',
          number: '',
        })
      },
    },
  })
</script>
<style lang="scss" scoped></style>
